<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图形识别趣味活动</title>
    <style>
        body {
            font-family: 'Microsoft YaHei', sans-serif;
            line-height: 1.6;
            color: #333;
            max-width: 900px;
            margin: 0 auto;
            padding: 20px;
            background-color: #f9f9f9;
        }
        h1 {
            color: #FF6B6B;
            text-align: center;
            border-bottom: 3px solid #4ECDC4;
            padding-bottom: 10px;
        }
        h2 {
            color: #4ECDC4;
            margin-top: 30px;
            border-left: 5px solid #FF6B6B;
            padding-left: 15px;
        }
        .activity {
            background-color: white;
            border-radius: 10px;
            padding: 20px;
            margin-bottom: 20px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            position: relative;
        }
        .activity-title {
            color: #45B7D1;
            font-size: 1.2em;
            margin-top: 0;
        }
        .materials {
            background-color: #F7FFF7;
            padding: 10px;
            border-left: 3px solid #45B7D1;
            margin: 10px 0;
        }
        .steps {
            padding-left: 20px;
        }
        .variation {
            background-color: #FFF7D6;
            padding: 10px;
            border-radius: 5px;
            margin: 10px 0;
            font-size: 0.9em;
        }
        .age {
            font-weight: bold;
            color: #FF6B6B;
        }
        .tip {
            background-color: #E8F4F8;
            padding: 10px;
            border-radius: 5px;
            margin: 15px 0;
        }
        .difficulty {
            position: absolute;
            top: 15px;
            right: 15px;
            background-color: #FF6B6B;
            color: white;
            padding: 3px 8px;
            border-radius: 15px;
            font-size: 0.8em;
        }
        .shape-box {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin: 15px 0;
            justify-content: center;
        }
        .shape {
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
            border-radius: 5px;
        }
        .shape-desc {
            font-size: 0.9em;
            color: #666;
            text-align: center;
            margin-top: 5px;
        }
    </style>
</head>
<body>
    <h1>图形识别与空间关系趣味活动</h1>

    <div class="tip">
        <strong>教学理念：</strong>通过多感官体验认识基本图形，培养空间感知能力，建议每天开展15-20分钟图形游戏，重点发展"图形守恒"能力（即无论位置方向如何变化都能识别相同图形）。
    </div>

    <div class="activity">
        <span class="difficulty">★☆☆</span>
        <h2 class="activity-title">1. 形状猎人</h2>
        <div class="materials">
            <strong>材料准备：</strong>图形卡片（<span class="shape" style="background:#FF6B6B;">圆形</span>、<span class="shape" style="background:#4ECDC4;">三角形</span>、<span class="shape" style="background:#45B7D1;">正方形</span>、<span class="shape" style="background:#FFD166;">长方形</span>）、小篮子
        </div>
        <div class="shape-box">
            <div class="shape" style="background:#FF6B6B;">○<div class="shape-desc">圆形</div></div>
            <div class="shape" style="background:#4ECDC4;">△<div class="shape-desc">三角形</div></div>
            <div class="shape" style="background:#45B7D1;">□<div class="shape-desc">正方形</div></div>
            <div class="shape" style="background:#FFD166;">▭<div class="shape-desc">长方形</div></div>
        </div>
        <div class="steps">
            <h3>活动步骤：</h3>
            <ol>
                <li>认识基本图形特征：
                    <ul>
                        <li><strong>圆形</strong>：没有角，可以滚动</li>
                        <li><strong>三角形</strong>：三个尖尖角</li>
                        <li><strong>正方形</strong>：四条一样长的边</li>
                        <li><strong>长方形</strong>：两条长边两条短边</li>
                    </ul>
                </li>
                <li>在家中寻找与卡片匹配的形状物品</li>
                <li>将找到的物品分类放入对应篮子</li>
                <li>讨论"为什么钟表是圆形不是三角形"</li>
            </ol>
        </div>
        <div class="variation">
            <strong>变化玩法：</strong>户外寻找自然中的图形（蜂窝=六边形）
            <br><span class="age">适合年龄：3-4岁</span>
        </div>
    </div>

    <div class="activity">
        <span class="difficulty">★☆☆</span>
        <h2 class="activity-title">2. 图形身体秀</h2>
        <div class="materials">
            <strong>材料准备：</strong>绳子/彩带、空间场地
        </div>
        <div class="steps">
            <h3>活动步骤：</h3>
            <ol>
                <li>用身体组成图形：
                    <ul>
                        <li><strong>圆形</strong>：手拉手围成圈</li>
                        <li><strong>三角形</strong>：三人背靠背站立</li>
                        <li><strong>正方形</strong>：四人各站一角</li>
                    </ul>
                </li>
                <li>用绳子在地面摆出图形轮廓</li>
                <li>沿图形边缘行走（如脚尖对脚跟走正方形）</li>
                <li>听指令快速站到指定图形里</li>
            </ol>
        </div>
        <div class="variation">
            <strong>变化玩法：</strong>蒙眼触摸猜同伴组成的形状
            <br><span class="age">适合年龄：4-5岁</span>
        </div>
    </div>

    <div class="activity">
        <span class="difficulty">★★☆</span>
        <h2 class="activity-title">3. 图形拼拼乐</h2>
        <div class="materials">
            <strong>材料准备：</strong>彩色形状积木（含<span class="shape" style="background:#FF6B6B;">圆形</span>、<span class="shape" style="background:#4ECDC4;">三角形</span>、<span class="shape" style="background:#45B7D1;">正方形</span>、<span class="shape" style="background:#FFD166;">长方形</span>、<span class="shape" style="background:#A593E0;">半圆形</span>）、任务卡
        </div>
        <div class="shape-box">
            <div class="shape" style="background:#FF6B6B;">○<div class="shape-desc">圆形</div></div>
            <div class="shape" style="background:#4ECDC4;">△<div class="shape-desc">三角形</div></div>
            <div class="shape" style="background:#45B7D1;">□<div class="shape-desc">正方形</div></div>
            <div class="shape" style="background:#FFD166;">▭<div class="shape-desc">长方形</div></div>
            <div class="shape" style="background:#A593E0;">◐<div class="shape-desc">半圆形</div></div>
        </div>
        <div class="steps">
            <h3>活动步骤：</h3>
            <ol>
                <li>基础挑战：按任务卡拼图（如：<span class="shape" style="background:#4ECDC4; display:inline-block; width:20px; height:20px;">△</span>+<span class="shape" style="background:#FFD166; display:inline-block; width:20px; height:20px;">▭</span>=房子）</li>
                <li>创意挑战：自由组合图形讲故事（如：<span class="shape" style="background:#45B7D1; display:inline-block; width:20px; height:20px;">□</span>车身+<span class="shape" style="background:#FF6B6B; display:inline-block; width:20px; height:20px;">○</span>轮子=汽车）</li>
                <li>空间挑战：从不同角度观察拼图（俯视/侧视）</li>
                <li>记忆挑战：观察10秒后复原图形组合</li>
            </ol>
        </div>
        <div class="variation">
            <strong>变化玩法：</strong>用图形拼出字母或数字
            <br><span class="age">适合年龄：4-6岁</span>
        </div>
    </div>

    <div class="activity">
        <span class="difficulty">★★☆</span>
        <h2 class="activity-title">4. 图形宾果游戏</h2>
        <div class="materials">
            <strong>材料准备：</strong>3×3格子板（每格画不同图形及颜色）、图形卡片、筹码
        </div>
        <div class="shape-box">
            <div class="shape" style="background:#FF6B6B;">○<div class="shape-desc">红圆</div></div>
            <div class="shape" style="background:#4ECDC4;">△<div class="shape-desc">蓝三角</div></div>
            <div class="shape" style="background:#45B7D1;">□<div class="shape-desc">绿方</div></div>
            <div class="shape" style="background:#FFD166;">▭<div class="shape-desc">黄长方</div></div>
            <div class="shape" style="background:#A593E0;">☆<div class="shape-desc">紫星</div></div>
        </div>
        <div class="steps">
            <h3>活动步骤：</h3>
            <ol>
                <li>每人一张宾果卡（图形随机排列）</li>
                <li>随机抽取图形卡片并描述："蓝色的三角形"</li>
                <li>找到匹配的格子放筹码</li>
                <li>最先连成3个（横/竖/斜）者喊"Bingo！"</li>
                <li>进阶：增加属性（如"大的红色圆形"）</li>
            </ol>
        </div>
        <div class="variation">
            <strong>变化玩法：</strong>加入三维图形（球体、立方体）
            <br><span class="age">适合年龄：5-6岁</span>
        </div>
    </div>

    <div class="activity">
        <span class="difficulty">★★★</span>
        <h2 class="activity-title">5. 图形侦探屋</h2>
        <div class="materials">
            <strong>材料准备：</strong>积木搭建的立体房屋、手电筒、图形线索卡
        </div>
        <div class="shape-box">
            <div class="shape" style="background:#FF6B6B;">○<div class="shape-desc">圆窗</div></div>
            <div class="shape" style="background:#4ECDC4;">△<div class="shape-desc">三角门</div></div>
            <div class="shape" style="background:#45B7D1;">□<div class="shape-desc">方砖</div></div>
            <div class="shape" style="background:#A593E0;">◇<div class="shape-desc">菱地毯</div></div>
        </div>
        <div class="steps">
            <h3>活动步骤：</h3>
            <ol>
                <li>观察房屋结构："有几个三角形的屋顶？"</li>
                <li>根据线索卡寻找图形（如"找到2个圆形+1个正方形"）</li>
                <li>用手电筒照出墙上的图形影子</li>
                <li>绘制房屋的"图形地图"（俯视图/侧视图）</li>
                <li>讨论"从不同方向看图形会变化吗"</li>
            </ol>
        </div>
        <div class="variation">
            <strong>变化玩法：</strong>加入对称图形探索
            <br><span class="age">适合年龄：6-7岁</span>
        </div>
    </div>

    <div class="activity">
        <span class="difficulty">★★★</span>
        <h2 class="activity-title">6. 图形故事创作</h2>
        <div class="materials">
            <strong>材料准备：</strong>各种图形贴纸、画纸、彩笔
        </div>
        <div class="shape-box">
            <div class="shape" style="background:#FF6B6B;">○<div class="shape-desc">太阳</div></div>
            <div class="shape" style="background:#4ECDC4;">△<div class="shape-desc">山</div></div>
            <div class="shape" style="background:#45B7D1;">□<div class="shape-desc">房子</div></div>
            <div class="shape" style="background:#FFD166;">▭<div class="shape-desc">门</div></div>
            <div class="shape" style="background:#A593E0;">◇<div class="shape-desc">风筝</div></div>
        </div>
        <div class="steps">
            <h3>活动步骤：</h3>
            <ol>
                <li>选择5个图形贴纸构思故事</li>
                <li>用图形组合创作场景（如：<span class="shape" style="background:#4ECDC4; display:inline-block; width:20px; height:20px;">△</span>+<span class="shape" style="background:#4ECDC4; display:inline-block; width:20px; height:20px;">△</span>=树林）</li>
                <li>添加细节完成画面（如给<span class="shape" style="background:#45B7D1; display:inline-block; width:20px; height:20px;">□</span>房子画窗户）</li>
                <li>讲述"图形冒险故事"（如圆形气球飞走了）</li>
                <li>制作"我们的图形世界"合集</li>
            </ol>
        </div>
        <div class="variation">
            <strong>变化玩法：</strong>用图形创作字母或数字画
            <br><span class="age">适合年龄：6-7岁</span>
        </div>
    </div>

    <div class="tip">
        <strong>图形认知发展阶梯：</strong>
        <ul>
            <li><strong>3-4岁：</strong>识别基本平面图形（圆、三角、方、长方）</li>
            <li><strong>4-5岁：</strong>理解图形属性（边/角数量）和组合关系</li>
            <li><strong>5-6岁：</strong>认识复杂图形（梯形、菱形、星形）</li>
            <li><strong>6-7岁：</strong>理解立体图形和空间投影关系</li>
        </ul>
    </div>

    <div class="tip">
        <strong>空间关系教学要点：</strong>
        <ul>
            <li><strong>方位词：</strong>上下、前后、左右、里外、中间</li>
            <li><strong>空间描述：</strong>相邻、对面、围绕、穿过</li>
            <li><strong>图形变换：</strong>旋转、翻转、对称、缩放</li>
            <li><strong>日常渗透：</strong>积木搭建、地图导航、物品收纳</li>
        </ul>
    </div>
<div style="position:fixed;top:10px;right:100px;"><a href="./index.html">返回首页</a></div></body>
</html>